<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div><span>groupIntroduction:</span><span id="intro"></span></div>
	<div><span>groupName:</span><span id="group"></span></div>
	<div><img id="imgf" src="" alt="ss"/></div>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript">
		var into = document.querySelector('#intro');
		var group = document.querySelector('#group');
		var img = document.querySelector('#imgf');
		ajax({
			method : 'post',
			url : 'http://192.168.163.3:8080/officalWebsite/info/group?method=searchGroups',
			async : true,
			success : function(data){
				data = JSON.parse(data);
				console.log(data[0].groupName);
				console.log(data[0].groupImgPath);
				into.innerHTML = data[0].groupIntroduction;
				group.innerHTML = data[0].groupName;
				img.src = data[0].groupImgPath;
			}
		});
	</script>
</body>
</html>